{% extends "base.html" %}

{% block title %}首页 - 我的个人网站{% endblock %}

{% block content %}
<section class="hero">
    <div class="hero-background">
        <div class="hero-particles" id="hero-particles"></div>
    </div>

    <div class="hero-content">
        <div class="hero-text">
            <h1 class="hero-title">
                <span class="greeting">你好，我是</span>
                <span class="name">开发者</span>
            </h1>
            <p class="hero-subtitle">全栈开发者 & 技术爱好者</p>
            <p class="hero-description">专注于创造优雅的数字化解决方案，将想法转化为现实</p>
            <div class="hero-buttons">
                <a href="/projects" class="btn btn-primary">
                    <i class="fas fa-rocket"></i>
                    查看作品
                </a>
                <a href="/contact" class="btn btn-secondary">
                    <i class="fas fa-paper-plane"></i>
                    联系我
                </a>
            </div>
        </div>
        <div class="hero-image">
            <div class="floating-card">
                <div class="card-content">
                    <i class="fas fa-code"></i>
                    <h3>代码艺术</h3>
                    <p>用代码创造价值</p>
                </div>
            </div>
        </div>
    </div>
    <div class="scroll-indicator">
        <div class="mouse">
            <div class="wheel"></div>
        </div>
    </div>

</section>


<div class="footer-bottom">
    <p>&copy; 2023 我的个人网站. 保留所有权利.</p>
    <!-- 这里是备案信息 -->
    <div class="beian">
        <a href="https://beian.miit.gov.cn" target="_blank">鲁ICP备2020044604号-4</a>
    </div>
</div>

{% endblock %}